// 接口的基础地址
const baseUrl = 'http://phpclub.org.cn:8080/api';
// 使用全局变量保存用户的信息  初始值null 表示没有登录
let userInfo = null;
// 处理显示用户的登录状态
if($.cookie){
    // 配置json的操作为对象格式
    $.cookie.json = true;
    // 获取到cookie信息
    userInfo = $.cookie('userInfo');
    // console.log($.cookie('userInfo'));
}
// 处理公共的特效
$(function(){
    $.get(baseUrl+'/system/category',{},(res)=>{
        console.log(res);
        let html1 = '';
        let html2 = '';
        //遍历data 
        res.data.forEach((item,index) => {
        //一级分类数据拼接
            if(index<10){
                if(index==0){
                    html+='<ul>';
                    html+='<li class="bgc">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                }else if(index==9){
                    html+='<ul>';
                    html+='<li class="">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                    html+='</ul>'
                }else{
                    html+='<ul>';
                    html+='<li class="">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                }
                //数据渲染
                $('.first-menu').html(html1);
            }
        });
        res.data.forEach((item,index) => {
        //一级分类数据拼接
            if(index<10){
                if(index==0){
                    html+='<ul>';
                    html+='<li class="bgc">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                }else if(index==9){
                    html+='<ul>';
                    html+='<li class="">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                    html+='</ul>'
                }else{
                    html+='<ul>';
                    html+='<li class="">';
                    html+='<span><a href="list.html?id='+item.id+'">'+item.cateName+'</span>';
                    html+='</li>'
                }
                //数据渲染
                $('.first-menu').html(html1);
            }
        });
    },'json')
    // 处理导航栏的显示
    $.get(baseUrl+'/system/category',{},(res)=>{
        let html = '';
        // 组装一级分类
        res.data.forEach((item,index)=>{
            if(index<10){
                if(index == 0){
                    html += '<div class="cat item1">';
                }else{
                    html += '<div class="cat">';
                }
                html += '<h3><a href="list.html?id='+item.id+'">'+item.cateName+'</a><b></b></h3>'
                    // 组装二级分类
                    html += '<div class="cat_detail">';
                    if(item.children){
                        item.children.forEach((item2,index2)=>{
                            if(index2 == 0){
                                html+='<dl class="dl_1st">';
                            }else{
                                html+='<dl>'
                            }
                            html += '<dt><a href="list.html?id='+item2.id+'">'+item2.cateName+'</a></dt><dd>';
                            // 存在三级分类
                            if(item2.children){
                                item2.children.forEach((item3)=>{
                                    html +='<a href="">'+item3.cateName+'</a>'
                                })
                            }
                            html+='</dd></dl>'
                        })
                    }
                    html+='</div>';
                html+='</div>';
            }
        })
        // 组装完毕后显示在页面上
        $('.cat_bd').html(html);
    },'json');

    // console.log(userInfo);
    if(userInfo){
        // 已经登录
        $('#login').html(userInfo.nickname+'，您好！');
        // console.log(userInfo.nickname);
        //下拉效果
        $('.head-con .login').on('mouseenter',function(){
            $(this).children('ul').stop(true,false).slideDown(100);
        }).on('mouseleave',function(){
            $(this).children('ul').stop(true,false).slideUp(100);
        })
        //点击购物车图标成功跳转
        $('.buy') .on('click',function(){
            location.assign('购物车.html')
        }) 
    }else{
        // 没有登录
        $('#login').html('<a href="#" id="login">登录</a><a href="#" id="register">注册</a>');
        //点击购物车图标失败跳转
        $('.buy') .on('click',function(){
            location.assign('cart.html')
        }) 
    }
    // 实现退出
    $('#logout').on('click',()=>{
        // 删除cookie 
        $.removeCookie('userInfo');
        // 重新载入当前页面
        location.reload();
    })
})
/****************下拉菜单效果*************************/
$('.head-con .agreement').on('mouseenter',function(){
    $(this).children('ul').stop().slideDown(100);
}).on('mouseleave',function(){
    $(this).children('ul').stop().slideUp(100);
})  
